import { findBanner } from '@/api/home'
import { ref } from 'vue'
function useBanner () {
  // 核心业务逻辑
  const sliders = ref([])
  async function loadSliders () {
    const res = await findBanner()
    sliders.value = res.result
  }
  loadSliders()
  return {
    sliders
  }
}

export default useBanner
// 区别
// 1.和业务相关 这个需要和后端交互
// 始终是和banner图业务保持一致的

// 2.作用是为维护性上做的考虑 因为都基于业务单独做了
// 抽离，所以维护的时候就可以找到对应的js文件

// 共同点
// 1. 定义一个以use打头的函数
// 2. 在函数里面定义响应式数据以及操作
// 响应数据的各种行为
// 3. 把数据（事件回调函数）以对象的写法 return出去
